<template>
  <div class="home">
  
 <div class="header">
      <Home />
      <Nav />
    </div>
    <div class="whole">
      <Whole />
    </div>
    <div class="news">
        <p style="text-align: center" @click="gotonews">精选专题 &gt;</p>
      <News/>
    </div>
  </div>
</template>

<script>
import Home from "../components/home/swiper";
import Nav from "../components/home/homenav";
import Whole from "../components/home/whole";
import News from "../components/home/News";

export default {
  components: {
    Home,
    Nav,
    Whole,
    News,
  },
  data() {
    return {
      active: "",
    };
  },
  methods: {
    gotonews(){
      this.$router.push('/news')
    }
  },
};
</script>
<style lang="scss">
.homes{
  height: 100%;
  background-color:#3d3a3a;
}
  .header{
    position: relative;
    height: 14rem;
    .home_nav{
      position: absolute;
      z-index: 999;
      bottom: 0rem;
    }
  }
</style>